<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>小部件首页</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"
  />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" href="./lib/layui/css/layui.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="css/jquery.dad.css">
  <script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
</head>

<body>
  <div class="big-cusbox">
    <div class="Small-parts-finishing" id="tz-parts">
      <div class="icon-leibie">
        <span></span>
      </div>
      <div class="partslistbox none">
        <div class="partslist-title clearfix">
          <ul>
            <li>小部件整理</li>
            <li>
              <img src="images/close.png" alt="" class="close-tc">
            </li>
          </ul>
        </div>
        <div class="partslist-center clearfix">
          <div class="tittle">
            设置我想要的小部件
          </div>
          <ul class="choice">
            <li>
              <input type="checkbox" name="xiaobujian">新增意向客户</li>
            <li>
              <input type="checkbox" name="xiaobujian">新签约客户</li>
            <li>
              <input type="checkbox" name="xiaobujian">未联络客户</li>
            <li>
              <input type="checkbox" name="xiaobujian">待办事项</li>
            <li>
              <input type="checkbox" name="xiaobujian">消息</li>
            <li>
              <input type="checkbox" name="xiaobujian">招聘动态</li>
            <li>
              <input type="checkbox" name="xiaobujian">绩效评估</li>
            <li>
              <input type="checkbox" name="xiaobujian">转正考核</li>
            <li>
              <input type="checkbox" name="xiaobujian">员工离职</li>
          </ul>
        </div>
        <div class="partslist-submit clearfix">
          <ul>
            <li>
              <input type="checkbox" id="xiaobujian" onclick="che('xiaobujian')">恢复默认</li>
            <li>
              <input type="submit" value="确认">
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="x-body">
      <!-- 新增意向客户 -->
      <div class="Widget ">
        <div class="customer-box intentionalCustomer">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge bigest">
          </div>
          <ul>
            <li>新增意向客户客户</li>
            <li>30
              <img src="images/选项.png" alt="" class="setting ">
            </li>
            <li>今日新增
              <span>5</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox  ">
          <ul class="tittle">
            <li>新增意向客户
              <span>30</span>
              <img src="images/选项.png" alt="" class="setting ">
            </li>
            <li>
              <img src="images/tuodong.png" class="tuodong" title="点击拖动">
              <img src="images/close.png" alt="" class="close">
              <img src="images/narrow.png" alt="" class="narrow">
            </li>
          </ul>
          <div class="clear"></div>
          <div id="main" class="left" style="width: 69%;height:300px;"></div>
          <div id="mains" class="left" style="width: 26%;height: 350px;margin-left: 5%;margin-top: 20px"></div>
        </div>
      </div>
      <!--新签约客户-->
      <div class="Widget ">
        <div class="customer-box intentionalCustomer">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge bigest">
          </div>
          <ul>
            <li>新签约客户</li>
            <li>30
              <img src="images/选项.png" alt="" class="setting ">
            </li>
            <li>今日新增
              <span>5</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox  ">
          <ul class="tittle">
            <li>新签约客户
              <span>30</span>
              <img src="images/选项.png" alt="" class="setting ">
            </li>
            <li>
              <img src="images/tuodong.png" class="tuodong" title="点击拖动">
              <img src="images/close.png" alt="" class="close">
              <img src="images/narrow.png" alt="" class="narrow">
            </li>
          </ul>
          <div class="clear"></div>
          <div id="main" class="left" style="width: 69%;height:300px;"></div>
          <div id="mains" class="left" style="width: 26%;height: 350px;margin-left: 5%;margin-top: 20px"></div>
        </div>
      </div>
      <!--未联络客户-->
      <div class="Widget ">
        <div class="customer-box intentionalCustomer  ">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge bigest">
          </div>
          <ul>
            <li>未联络客户</li>
            <li>50
              <img src="images/选项.png" alt="" class="setting ">
            </li>
            <li>今日新增
              <span>5</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox  ">
          <ul class="tittle">
            <li>未联络客户
              <span>30</span>
              <img src="images/选项.png" alt="" class="setting ">
            </li>
            <li>
              <img src="images/tuodong.png" class="tuodong" title="点击拖动">
              <img src="images/close.png" alt="" class="close">
              <img src="images/narrow.png" alt="" class="narrow">
            </li>
          </ul>
          <div class="clear"></div>
          <div id="main2" class="left" style="width: 100%;height:300px;"></div>
        </div>
      </div>
      <!--待办事项-->
      <div class="Widget2">
        <div class="customer-box intentionalCustomer  ">
          <div class="iconcontrol">
            <img src="images/
            tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge normal">
          </div>
          <ul>
            <li>待办事项</li>
            <li>5</li>
            <li>今日截止
              <span>1</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox  bg-g none">
          <div class="todolistleft left">
            <dl>
              <dt>待办事项</dt>
              <dd class="curr">今日要做</dd>
              <dd>下一步要做</dd>
              <dd>以后再说</dd>
            </dl>
          </div>
          <div class="todolistright left ">
            <div class="todobox">
              <div class="todo-tittle">
                <ul>
                  <li class="add-todo">
                    <img src="images/add3.png" alt="">添加待办事项</li>
                  <li>
                    <img src="images/tuodong.png" class="tuodong" title="点击拖动">
                    <img src="images/close.png" alt="" class="close2">
                    <img src="images/narrow.png" alt="" class="todo-btn">
                  </li>
                </ul>
                <div class="clear"></div>
              </div>

              <!-- 添加todo弹窗 -->
              <div class="add-todo-box none">
                <form action="" class="layui-form">
                  <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                  <div class="add-todo-actor left">
                    <div class="layui-inline">
                      <div id="charu-time-1" class="layui-input-inline">
                        <img src="images/stomtime.png" alt="">截止时间：
                      </div>
                      <div class="layui-input-inline">
                        <div id="charu-time"></div>
                      </div>
                    </div>
                  </div>
                  <div class="add-todo-btn right">
                    <input type="button" value="确定">
                    <span>取消</span>
                  </div>
                </form>
              </div>

              <div class="todo-centerbox today ">
                <form class="layui-form pp" action="">
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>待办事项待办事项待办事项待办事项待办事项待办事项待办事项待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-yellow">今日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-green">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-red">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix todocurr">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" checked lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-red">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                </form>
              </div>
              <div class="todo-centerbox nextday none">
                <form class="layui-form pp" action="">
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>2222待办事项待办事项待办事项待办事项待办事项待办事项待办事项待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-yellow">今日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-green">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-red">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix todocurr">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" checked lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-red">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                </form>
              </div>
              <div class="todo-centerbox afterday none">
                <form class="layui-form pp" action="">
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" class="pp" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>3333待办事项待办事项待办事项待办事项待办事项待办事项待办事项待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-yellow">今日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-green">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix ">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-red">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                  <div class="todosmall clearfix todocurr">
                    <div class="left todochoice">
                      <input type="checkbox" name="" title="" lay-skin="primary" checked class="pp" lay-filter="demo1">
                    </div>
                    <div class="left todocenter">
                      <p>添加加待待办事项加待办项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项添加待办事项</p>
                      <div class="date">
                        <img src="images/datestop.png" alt="">
                        <span class="ft-red">11月18日</span> 截止
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--消息管理-->
      <div class="Widget2 ">
        <div class="customer-box intentionalCustomer  ">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge normal">
          </div>
          <ul>
            <li>消息</li>
            <li>8</li>
            <li>今日新增
              <span>1</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox message none">
          <div class="Unread-message-tittle clearfix">
            <ul>
              <li> 消息
                <span class="layui-badge">99+</span>
              </li>
              <li>
                <img src="images/tuodong.png" class="tuodong" title="点击拖动">
                <img src="images/close.png" alt="" class="close">
                <img src="images/narrow.png" alt="" class="narrow">
              </li>
            </ul>
          </div>
          <div class="Unread-messagebox ">
            <div class="Unread-smallbox clearfix">
              <img src="images/bingli.png" alt="">
              <div class="Unread-smallbox-center">
                <ul>
                  <li>蔡倩
                    <span>人事部</span>
                  </li>
                  <li>2017-12-11 18:00</li>
                </ul>
                <div class="clear"></div>
                <p>
                  <a href="">耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼</a>
                </p>
              </div>
            </div>
            <div class="Unread-smallbox clearfix">
              <img src="images/bingli.png" alt="">
              <div class="Unread-smallbox-center">
                <ul>
                  <li>蔡倩
                    <span>人事部</span>
                  </li>
                  <li>2017-12-11 18:00</li>
                </ul>
                <div class="clear"></div>
                <p>
                  <a href="">耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼</a>
                </p>
              </div>
            </div>
            <div class="Unread-smallbox clearfix">
              <img src="images/bingli.png" alt="">
              <div class="Unread-smallbox-center">
                <ul>
                  <li>蔡倩
                    <span>人事部</span>
                  </li>
                  <li>2017-12-11 18:00</li>
                </ul>
                <div class="clear"></div>
                <p>
                  <a href="">耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼</a>
                </p>
              </div>
            </div>
            <div class="Unread-smallbox clearfix">
              <img src="images/bingli.png" alt="">
              <div class="Unread-smallbox-center">
                <ul>
                  <li>蔡倩
                    <span>人事部</span>
                  </li>
                  <li>2017-12-11 18:00</li>
                </ul>
                <div class="clear"></div>
                <p>
                  <a href="">耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼耍大刀是内部点哪边哦哦哄哄你哦吼</a>
                </p>
              </div>
            </div>
          </div>
          <div class="Unread-smallbox-bottom">
            <ul>
              <li>
                <a href="">
                  <img src="images/more-more.png" alt="">more+</a>
              </li>
              <li>
                <form class="layui-form" action="">
                  <input type="checkbox" name="" title="全部已读" lay-skin="primary" lay-filter="test1">
                </form>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--招聘动态-->
      <div class="Widget2">
        <div class="customer-box intentionalCustomer  ">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge normal">
          </div>
          <ul>
            <li>招聘动态</li>
            <li>8</li>
            <li>待我填写
              <span>1</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox zpdt-mt-box none">
          <div class="Unread-message-tittle clearfix">
            <ul>
              <li> 招聘动态</li>
              <li>
                <img src="images/tuodong.png" class="tuodong" title="点击拖动">
                <img src="images/close.png" alt="" class="close">
                <img src="images/narrow.png" alt="" class="narrow">
              </li>
            </ul>
          </div>
          <div class="table-mt ">
            <table class="layui-table ">
              <thead>
                <tr>
                  <th>招聘地点</th>
                  <th>招聘岗位</th>
                  <th>岗位性质</th>
                  <th>人数</th>
                  <th>进展</th>
                  <th>更新时间</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>南京（紫东）</td>
                  <td>前端</td>
                  <td>全职</td>
                  <td>1</td>
                  <td>已提交申请</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>南京（紫东）</td>
                  <td>前端</td>
                  <td>全职</td>
                  <td>1</td>
                  <td>已提交申请</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>南京（紫东）</td>
                  <td>前端</td>
                  <td>全职</td>
                  <td>1</td>
                  <td>已提交申请</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>南京（紫东）</td>
                  <td>前端</td>
                  <td>全职</td>
                  <td>1</td>
                  <td>已提交申请</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>南京（紫东）</td>
                  <td>前端</td>
                  <td>全职</td>
                  <td>1</td>
                  <td>已提交申请</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>南京（紫东）</td>
                  <td>前端</td>
                  <td>全职</td>
                  <td>1</td>
                  <td>已提交申请</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>南京（紫东）</td>
                  <td>前端</td>
                  <td>全职</td>
                  <td>1</td>
                  <td>已提交申请</td>
                  <td>2017-01-01</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="table-mt-bottom ">
            <a href="">待填写面试意见
              <span>2</span>
              <img src="images/moremore.png" alt="">
            </a>
          </div>
        </div>
      </div>
      <!--绩效评估-->
      <div class="Widget2">
        <div class="customer-box intentionalCustomer  ">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge normal">
          </div>
          <ul>
            <li>绩效评估</li>
            <li>8</li>
            <li>待我填写
              <span>1</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox zpdt-mt-box none">
          <div class="Unread-message-tittle clearfix">
            <ul>
              <li> 绩效评估</li>
              <li>
                <img src="images/tuodong.png" class="tuodong" title="点击拖动">
                <img src="images/close.png" alt="" class="close">
                <img src="images/narrow.png" alt="" class="narrow">
              </li>
            </ul>
          </div>
          <div class="table-mt ">
            <table class="layui-table ">
              <thead>
                <tr>
                  <th>绩效评估</th>
                  <th>职位</th>
                  <th>平谷人</th>
                  <th>进展</th>
                  <th>更新时间</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="table-mt-bottom ">
            <a href="">待我评估
              <span>2</span>
              <img src="images/moremore.png" alt="">
            </a>
          </div>
        </div>
      </div>
      <!--转正考核-->
      <div class="Widget2">
        <div class="customer-box intentionalCustomer  ">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge normal">
          </div>
          <ul>
            <li>转正考核</li>
            <li>5</li>
            <li>待我填写
              <span>1</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox zpdt-mt-box none">
          <div class="Unread-message-tittle clearfix">
            <ul>
              <li> 转正考核</li>
              <li>
                <img src="images/tuodong.png" class="tuodong" title="点击拖动">
                <img src="images/close.png" alt="" class="close">
                <img src="images/narrow.png" alt="" class="narrow">
              </li>
            </ul>
          </div>
          <div class="table-mt ">
            <table class="layui-table ">
              <thead>
                <tr>
                  <th>姓名</th>
                  <th>拟转正职位</th>
                  <th>答辩考官</th>
                  <th>进展</th>
                  <th>更新时间</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="table-mt-bottom ">
            <a href="">待填写转正意见
              <span>2</span>
              <img src="images/moremore.png" alt="">
            </a>
          </div>
        </div>
      </div>
      <!--员工离职-->
      <div class="Widget2 ">
        <div class="customer-box intentionalCustomer  ">
          <div class="iconcontrol">
            <img src="images/tuodong.png" class="tuodong" title="点击拖动">
            <img src="images/close.png" alt="" class="close">
            <img src="images/enlarge.png" alt="" class="enlarge normal">
          </div>
          <ul>
            <li>员工离职</li>
            <li>5</li>
            <li>待我填写
              <span>1</span>
            </li>
          </ul>
        </div>
        <div class="chartsbox zpdt-mt-box none">
          <div class="Unread-message-tittle clearfix">
            <ul>
              <li> 员工离职</li>
              <li>
                <img src="images/tuodong.png" class="tuodong" title="点击拖动">
                <img src="images/close.png" alt="" class="close">
                <img src="images/narrow.png" alt="" class="narrow">
              </li>
            </ul>
          </div>
          <div class="table-mt ">
            <table class="layui-table ">
              <thead>
                <tr>
                  <th>姓名</th>
                  <th>职位</th>
                  <th>审判人</th>
                  <th>进展</th>
                  <th>离职时间</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
                <tr>
                  <td>张三</td>
                  <td>市场主管</td>
                  <td>徐鑫</td>
                  <td>待评估</td>
                  <td>2017-01-01</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>

    <div class="setting-content none">
        <div class="partslist-title clearfix">
            <ul>
                <li>未联络客户</li>
                <li>
                    <img src="images/close.png" alt="" class="close-tc">
                </li>
            </ul>
        </div>
      <form action="">
        <div>
          <span>设置我想要看到的数据</span>
          <input type="checkbox" id="lianluo" class="btn-q" value="全选" onclick="che('lianluo')">全选 </div>
        <br>
        <input type="checkbox" name="lianluo" value="checkbox1" class="set-che"> 7天未联络客户
        <br>
        <input type="checkbox" name="lianluo" value="checkbox2" class="set-che"> 14天未联络客户
        <br>
        <input type="checkbox" name="lianluo" value="checkbox3" class="set-che"> 30天未联络客户
      </form>
        <div class="sett-btns clearfix">
            <ul>
                <li>
                    <span>  取消</span>
                </li>
                <li>
                <input type="submit" value="确认">
                </li>
            </ul>
        </div>
    </div>
  </div>
  <script src="./js/echarts.min.js" charset="utf-8"></script>
  <script src="js/jquery.dad.min.js"></script>
  <script>
      // 小部件整理图标拖拽
      $(function () {
          var div1 = document.getElementById("tz-parts");
          div1.onmousedown = function (ev) {
              var oevent = ev || event;
              var distanceX = oevent.clientX - div1.offsetLeft;
              var distanceY = oevent.clientY - div1.  offsetTop;
              document.onmousemove = function (ev) {
                  var oevent = ev || event;
                  div1.style.left = oevent.clientX - distanceX + 'px';
                  div1.style.top = oevent.clientY - distanceY + 'px';
              };
              document.onmouseup = function () {
                  document.onmousemove = null;
                  document.onmouseup = null;
              };
          };
      })
    $(function () { //页面一开始刷新先让图表正常显示
      $(".chartsbox").hide();
      $(".Widget2,.Widget").css("width", "23%")
    });
      // 设置按钮弹窗
      $(".setting").on("click",function () {
          $(".setting-content").show();
      })
    //关闭
    $(".Widget .close,.Widget2 .iconcontrol .close").on("click", function () {
      $(this).parent().parent().parent().hide()
    });
    $(".Widget2 .chartsbox .close").on("click", function () {
      $(this).parent().parent().parent().parent().parent().hide()
    });
    $(".Widget2 .chartsbox .close2").on("click", function () {
      $(this).parent().parent().parent().parent().parent().parent().parent().hide()
    });

    //放大/最大
    $(".iconcontrol .bigest").click(function () {
      $(this).parent().parent().parent().animate({
        width: '98%'
      }, 500);
      $(this).parent().parent().siblings().show();
      $(this).parent().parent().hide();
      //        延迟执行，不然会有卡顿
    })
    //放大 /中等
    $(".iconcontrol .normal").click(function () {
      $(this).parent().parent().parent().animate({
        width: '48%'
      }, 500);
      $(this).parent().parent().siblings().show();
      $(this).parent().parent().hide();
      //        延迟执行，不然会有卡顿
    })
    //缩小
    $(".Widget .chartsbox .narrow").on("click", function () {
      $(this).parent().parent().parent().parent().animate({
        width: '23%'
      }, 500);
      $(this).parent().parent().parent().siblings().show();
      $(this).parent().parent().parent().hide();
    })
    //缩小/中等
    $(".Widget2 .chartsbox .narrow").on("click", function () {
      $(this).parent().parent().parent().parent().parent().animate({
        width: '23%'
      }, 500);
      $(this).parent().parent().parent().parent().siblings().show();
      $(this).parent().parent().parent().parent().hide();
    })
    // 待办事项的缩小按钮
    $(".todo-btn").on("click", function () {
      $(this).parent().parent().parent().parent().parent().parent().parent().animate({
        width: '23%'
      }, 500);
      $(this).parent().parent().parent().parent().parent().parent().siblings().show();
      $(this).parent().parent().parent().parent().parent().parent().hide();
    })
    // 小部件整理弹窗
    $(".icon-leibie").on({
      mouseover: function () {
        $(this).addClass("icon-curr");
      },
      mouseleave: function () {
        $(this).removeClass("icon-curr");
      },
        dblclick: function () {
        $(".partslistbox").show();
      },
    })
    $(".close-tc,.sett-btns>ul>li:nth-child(1)>span").on("mousedown", function () {
      $(this).parent().parent().parent().parent().hide();
      $(".partslistbox").hide();
    })

    //新增待办事项
    //Demo
    layui.use('form', function () {
      var form = layui.form;
      //监听todo模块
      form.on('checkbox(demo1)', function (data) {
        if (data.elem.checked) {
          data.elem.parentNode.parentNode.classList.add("todocurr");
        } else {
          data.elem.parentNode.parentNode.classList.remove("todocurr");
        }
      });
      // 消息已读
      form.on('checkbox(test1)', function (data) {
        console.log(data.elem.checked); //是否被选中，true或者false
      });
    });
    // todo的tab切换
    $(".todolistleft dd").on("click", function () {
      $(this).addClass("curr").siblings().removeClass("curr");
      var i = $(this).index();
      $(".todo-centerbox").hide().eq(i - 1).show();
    })
    // 取消
    $(".add-todo-btn>span").on("click", function () {
      $(".add-todo-box").hide();
    })

    // 截止时间
    layui.use('laydate', function () {
      var laydate = layui.laydate;
      laydate.render({
        elem: '#charu-time',
        eventElem: '#charu-time-1',
        trigger: 'click'
      });
    });
    //新增todo
    $(".add-todo").on("click", function () {
      $(".add-todo-box").show();
    })
    // 全选
    function che(i) {
        console.log(i)
      if (!$("#" + i + "").is(':checked')) {
        $("input[name=" + i + "]").prop("checked", false);
      } else {
        $("input[name=" + i + "]").prop("checked", true);
      }
    }
  </script>
  <!-- echarts设置 -->
  <!-- 新签约客户 -->
  <script>
    var myChart = echarts.init(document.getElementById('mains'));

    var option = {
      tooltip: {
        trigger: 'item',
        formatter: "{d}%"
      },
      legend: {
        orient: 'vertical',
        x: 'left',
        data: ['SEO网站', '新媒体', '同业合作', '广告竞价', '个人', '其他']
      },
      series: [{
          name: '访问来源',
          type: 'pie',
          selectedMode: 'single',
          radius: [0, '30%'],

          label: {
            normal: {
              position: 'inner'
            }
          },
          labelLine: {
            normal: {
              show: false
            }
          }
        },
        {
          name: '访问来源',
          type: 'pie',
          radius: ['40%', '55%'],
          label: {
            normal: {
              formatter: '{d}%',
              backgroundColor: '#eee',
              borderColor: '#aaa',
              borderWidth: 1,
              borderRadius: 4,
              // shadowBlur:3,
              // shadowOffsetX: 2,
              // shadowOffsetY: 2,
              // shadowColor: '#999',
              // padding: [0, 7],
              rich: {
                a: {
                  color: '#999',
                  lineHeight: 22,
                  align: 'center'
                },
                // abg: {
                //     backgroundColor: '#333',
                //     width: '100%',
                //     align: 'right',
                //     height: 22,
                //     borderRadius: [4, 4, 0, 0]
                // },
                hr: {
                  borderColor: '#aaa',
                  width: '100%',
                  borderWidth: 0.5,
                  height: 0
                },
                b: {
                  fontSize: 16,
                  lineHeight: 33
                },
                per: {
                  color: '#eee',
                  backgroundColor: '#334455',
                  padding: [2, 4],
                  borderRadius: 2
                }
              }
            }
          },
          data: [{
              value: 335,
              name: 'SEO网站'
            },
            {
              value: 310,
              name: '新媒体'
            },
            {
              value: 234,
              name: '同业合作'
            },
            {
              value: 135,
              name: '广告竞价'
            },
            {
              value: 1048,
              name: '个人'
            },
            {
              value: 251,
              name: '其他'
            },
          ]
        }
      ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
  </script>
  <!--这是折线图-->
  <script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
      // title: {
      //   text: '本月新增意向客户'
      // },
      tooltip: {
        trigger: 'axis'
      },

      grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
      },
      xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['09-01', '09-02', '09-03', '09-04', '09-05', '09-06', '09-07']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
          name: '新增客户',
          type: 'line',
          stack: '总量',
          data: [120, 132, 101, 134, 90, 230, 210]
        }

      ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
  </script>
  <!--未联络客户-->
  <script>
    var myChart = echarts.init(document.getElementById('main2'));

    // 指定图表的配置项和数据
    var option = {

      tooltip: {
        trigger: 'axis'
      },

      grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
      },
      xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['09-01', '09-02', '09-03', '09-04', '09-05', '09-06', '09-07']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
          name: '七天未联络客户',
          type: 'line',
          stack: '总量',
          data: [120, 132, 101, 134, 90, 230, 210]
        },
        {
          name: '14天未联络客户',
          type: 'line',
          stack: '总量',
          data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
          name: '30天未联络客户',
          type: 'line',
          stack: '总量',
          data: [150, 232, 201, 154, 190, 330, 410]
        }
      ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
  </script>
  <script>
    $(function () {
      $('.x-body').dad({
        draggable: '.tuodong',
        callback: function () {
            // alert('小部件回调');
        }
      });
    });

    $(function () {
      $('.pp').dad({
        draggable: '.todocenter',
          callback: function () {
              // alert('待办事项回调');
          }
      });
    });
  </script>
</body>

</html>